<template>
  <div class="score_list">
    <div class="score_li" v-for="(item, index) in userList" :key="item.userId">
      <ScoreOptionOnly :userInfo="item" :sortIndex="index"></ScoreOptionOnly>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import {} from '@api/api-comment.js'
import ScoreOptionOnly from './ScoreOptionOnly.vue'
export default {
  name: 'ScoreTypeOnly',
  components: {
    ScoreOptionOnly,
  },
  props: {
    scoreList: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  data() {
    return {
      userList: [],
    }
  },
  computed: {
    ...mapGetters(['activeEvaluation']),
  },
  watch: {
    activeEvaluation: {
      handler(news) {
        this.userList = news
      },
      deep: true,
      immediate: true,
    },
  },
  created() {},
  mounted() {
    this.userList = this.activeEvaluation
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
</style>
